<template>
  <div class="qrcode-wrapper">
    <h2>
      <span class="s1" @click="goBack"> <van-icon name="arrow-left"/> </span>其他设置
    </h2>
    <header class="header">
      <div class="logo">
        <div class="q1">个性化推荐开关
          <p class="qq1">关闭后将不再根据您的日常购买习惯为您进行推荐  <van-switch v-model="recommendSwitch" /></p>
         
        </div>
        <div class="q1">剪贴板开关
          <p class="qq1">关闭剪贴板功能会影响您使用在小程序领取的红包  <van-switch v-model="clipboardSwitch" /></p>
         
        </div>

        <div class="q1">视频有声播发开关
          <p class="qq1">关闭后您点击的视频将会以静音播放.....................  <van-switch v-model="videoSwitch" /></p>
         
        </div>
      </div>
    </header>
  </div>
</template>

<script>
export default {
  data() {
    return {
      recommendSwitch: false, // 个性化推荐开关的值
      clipboardSwitch: false, // 剪贴板开关的值
      videoSwitch: false // 视频有声播放开关的值
    };
  },
   methods: {
    goBack() {
      
      this.$router.back(-1);
    },
  },
};
</script>

<style scoped>
.qrcode-wrapper {
  width: 100%;
  height: 100%;
  background: #f6f6f6;
}

.s1 {
  position: absolute;
  left: 10px;
}

h2 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  background: #fff;
}

.header1 {
  height: 70px;
  line-height: 70px;
  padding-left: 15px;
  font-size: 18px;
}

.q1 {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
  height: 50px;
  line-height: 25px;
}

.qq1 {
  color: #ccc;
  font-size: 12px;
}

</style>